@forward 'element-plus/theme-chalk/src/common/var.scss' with (
  $colors: (
    'primary': (
      'base': #29F1FA,
    ),
  ),
);
@use "element-plus/theme-chalk/src/index.scss" as *;
.el-dialog {
  --el-dialog-bg-color: #060C16 80%;
  --el-text-color-regular: #fff;
}
.dialog-border {
  content: "";
  background-color: #29F1FA;
  position: absolute;
}
.w2h1 {
  width: 20px;
  height: 1px;
}
.w1h2 {
  width: 1px;
  height: 20px;
}
// .el-overlay {
//   background: rgba(8, 36, 55, 0.70);
// }
.el-dialog {
  border: 1px solid rgba(41, 241, 250, 0.502);
  position: relative;
  &::before {
    @extend .dialog-border;
    @extend .w2h1;
    bottom: 0;
    left: 0;
    margin-bottom: -1px;
  }
  &::after {
    @extend .dialog-border;
    @extend .w1h2;
    bottom: 0;
    left: 0;
    margin-left: -1px;
    margin-bottom: -1px;
  }
  .el-dialog__header {
    margin-right: 0;
    position: relative;
    &::before {
      @extend .dialog-border;
      @extend .w2h1;
      top: 0;
      left: 0;
      margin-top: -1px;
    }
    &::after {
      @extend .dialog-border;
      @extend .w1h2;
      top: 0;
      left: 0;
      margin-left: -1px;
      margin-top: -1px;
    }
    .el-dialog__title {
      &::before {
        @extend .dialog-border;
        @extend .w2h1;
        top: 0;
        right: 0;
        margin-top: -1px;
      }
      &::after {
        @extend .dialog-border;
        @extend .w1h2;
        top: 0;
        right: 0;
        margin-right: -1px;
        margin-top: -1px;
      }
    }
  }
  .el-dialog__body {
    &::before {
      @extend .dialog-border;
      @extend .w2h1;
      bottom: 0;
      right: 0;
      margin-bottom: -1px;
    }
    &::after {
      @extend .dialog-border;
      @extend .w1h2;
      bottom: 0;
      right: 0;
      margin-right: -1px;
      margin-bottom: -1px;
    }
  }
  .el-dialog__headerbtn {
    margin-top: -10px;
  }
}
.el-input__wrapper {
  background: transparent;
  .el-input__inner {
    background: transparent;
    color: #fff;
  }
}
.el-message__icon {
  font-size: 20px;
}
.el-drawer {
  --el-drawer-bg-color: rgba(8, 36, 55, 1);
  border: 1px solid rgba(41, 241, 250, 0.502);
  .el-drawer__header {
    color: #fff;
  }
  .el-drawer__close {
    color: #fff;
  }
  &::before {
    @extend .dialog-border;
    @extend .w2h1;
    bottom: 0;
    left: 0;
  }
  &::after {
    @extend .dialog-border;
    @extend .w1h2;
    bottom: 0;
    left: 0;
  }
  .el-drawer__sr-focus {
    &::before {
      @extend .dialog-border;
      @extend .w2h1;
      top: 0;
      left: 0;
    }
    &::after {
      @extend .dialog-border;
      @extend .w1h2;
      top: 0;
      left: 0;
    }
  }
  .el-drawer__header {
    &::before {
      @extend .dialog-border;
      @extend .w2h1;
      top: 0;
      right: 0;
    }
    &::after {
      @extend .dialog-border;
      @extend .w1h2;
      top: 0;
      right: 0;
    }
  }
  .el-drawer__footer {
    &::before {
      @extend .dialog-border;
      @extend .w2h1;
      bottom: 0;
      right: 0;
    }
    &::after {
      @extend .dialog-border;
      @extend .w1h2;
      bottom: 0;
      right: 0;
    }
  }
}

.el-date-editor{
  --el-text-color-placeholder: #fff;
  --el-text-color-regular: #fff;
  --el-text-color-primary: #fff;
}
.el-radio {
  --el-radio-text-color: #fff;
}

.el-table {
  --el-table-border: 1px solid #148285;
  --el-table-bg-color: transparent;
  --el-table-text-color: $color;
  --el-table-header-bg-color: rgba($primary_color, 30%);
  --el-table-tr-bg-color: rgba($primary_color, 30%);
  --el-table-header-text-color: $color;
  --el-text-color-secondary: $color;
  --el-table-border-color: transparent;
  border: var(--el-table-border);
}